<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@page session="true"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/resources/css/jquery.mobile-1.4.2.css">
<script
	src="${pageContext.request.contextPath}/resources/js/jquery-1.11.0.min.js"></script>
<script
	src="${pageContext.request.contextPath}/resources/js/jquery.mobile-1.4.2.min.js"></script>
<script
	src="${pageContext.request.contextPath}/resources/js/jquery.validate.min.js"></script>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/resources/css/app.css?v=0.2.11">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/resources/css/dark-hive/jquery-ui-1.10.4.custom.min.css">
<title>Consulta de visitas</title>
</head>
<body>
	<div data-role="page" id="page1" data-theme="a">
		<div data-role="header">
			<h1>Detalle de la visita</h1>
		</div>
		<!-- /header -->

		<div role="main" class="ui-content">

			<div class="centered-content">
				

				<table class="outputTable">

					<tr>
						<td>Fecha de Registro :</td>
						<td><fmt:formatDate value="${visita.fechaRegistro}"
								pattern="dd/MM/yyyy HH:mm" timeZone="GMT-4" /></td>
					</tr>

					<tr>
						<td>Fecha de Inicio :</td>
						<td><fmt:formatDate value="${visita.fechaInicio}"
								pattern="dd/MM/yyyy HH:mm" timeZone="GMT-4" /></td>
					</tr>
					<tr>
						<td>Fecha de Termino :</td>
						<td><fmt:formatDate value="${visita.fechaTermino}"
								pattern="dd/MM/yyyy HH:mm" timeZone="GMT-4" /></td>
					</tr>
					<tr>
						<td>Fecha Programada</td>
						<td><fmt:formatDate value="${visita.fechaProgramada}"
								pattern="dd/MM/yyyy HH:mm" timeZone="GMT-4" /></td>
					</tr>
					<tr>
						<td>Número de la propiedad :</td>
						<td>${visita.propiedad.numero}</td>
					</tr>
					<tr>
						<td>Agente :</td>
						<td><p>
								<a
									href="${pageContext.request.contextPath}/consultar_usuario/${visita.agente.id}"
									data-rel="dialog" data-transition="pop">${visita.agente.persona.nombre}</a>
							</p></td>
					<tr>
						<td>Cliente :</td>
						<td><p>
								<a
									href="${pageContext.request.contextPath}/consultar_cliente/${visita.cliente.id}"
									data-rel="dialog" data-transition="pop">${visita.cliente.nombre}</a>
							</p></td>
					</tr>
					<tr>
						<td>El cliente se presento :</td>
						<td>${visita.llegoCliente?'Si':'No'}</td>
					</tr>
					<tr>
						<td colspan="2">Observación Cliente :</td>
					</tr>
					<tr>
						<td colspan="2">"${visita.observacionCliente}"</td>
					</tr>
					<tr>
						<td colspan="2">Observación Agente :</td>
					</tr>
					<tr>
						<td colspan="2">"${visita.observacionAgente}"</td>
					</tr>
					<tr>
						<th>Pregunta</th>
						<th>Respuesta</th>

					</tr>
					<c:forEach items="${visita.preguntasRealizadas}" var="pregunta">
						<tr>
							<td align="left">${pregunta.pregunta}</td>
							<td align="center">${pregunta.respuesta}</td>

						</tr>

					</c:forEach>
					<tr>
						<td>¿Cuando está pensando en comprar?</td>
						<td class="tdRespuesta">${visita.preguntaCompra}</td>
					</tr>
					<tr>
						<td class="tdPregunta">¿El cliente enviara una oferta?</td>
						<td class="tdRespuesta">${visita.preguntaOferta }</td>
					</tr>
				</table>
				<input type="hidden" value="${visita.latitud}" id="latitud"
					name="latitud" /></input> <input type="hidden" value="${visita.longitud}"
					id="longitud" name="longitud" />
			</div>
		</div>
		<%-- <div data-role="footer" data-position="fixed" data-fullscreen="true">
			<div data-role="navbar">
				<ul>
					<li><a
						href="${pageContext.request.contextPath}/consultar_visita/${visita.id}#page1"
						data-transition="slideup" class="ui-btn-active ui-state-persist">Detalles</a></li>
					<li><a
						href="${pageContext.request.contextPath}/consultar_visita/${visita.id}#page2"
						data-transition="slideup">Preguntas Realizadas</a></li>
				</ul>
			</div>
		</div> --%>

		<!-- /content -->
	</div>
<%-- 	<div data-role="page" id="page2" data-theme="a">
		<div data-role="header">
			<h1>Visitas</h1>
		</div>

		<div role="main" class="ui-content">

			<div class="centered-content">
				<h2>Preguntas Realizadas</h2>

				<table class="outputTableVisitas">

					
					

					<tr>



					</tr>


				</table>
			</div>
		</div>
		<div data-role="footer" data-position="fixed" data-fullscreen="true">
			<div data-role="navbar">
				<ul>
					<li><a
						href="${pageContext.request.contextPath}/consultar_visita/${visita.id}#page1"
						data-transition="slideup">Detalles</a></li>
					<li><a href="${pageContext.request.contextPath}/#page2"
						data-transition="slideup" class="ui-btn-active ui-state-persist">Preguntas
							Realizadas</a></li>



				</ul>
			</div>
		</div>
	</div> --%>
</body>
</html>
